<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>商品列表</title>
  <meta name="description" content="淘宝网-中国领先的在线购物平台，汇集海量商品，涵盖服饰、数码、家居、美妆等品类。享受超值折扣、全场包邮、品质保障和便捷支付，随时随地畅享购物乐趣！"/>
  <meta name="keywords" content="数码电器，服装服饰，生活用品，粮油饮品"/>
  <link rel="shortcut icon" href="favicon.ico" />
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/style.css">
  <link rel="stylesheet" href="css/index.css">
  <link rel="stylesheet" href="css/list.css">
</head>
<body>
    <!-- 顶部栏开始 -->
  <section class="shortcut">
    <!-- 版心 -->
     <div class="w">
      <div class="fl">
        <ul>
          <li>淘宝欢迎您！&nbsp;</li>
          <li>
            <a href="#">请登录</a> &nbsp;
            <a href="register.html" class="deeppink">免费注册</a>
          </li>
        </ul>
      </div>
      <div class="fr">
       <ul>
        <li>已买到的宝贝</li>
        <li></li>
        <li class="arrow-icon">我的淘宝</li>
        <li></li>
        <li>优惠券</li>
        <li></li>
        <li class="arrow-icon">收藏夹</li>
        <li></li>
        <li class="arrow-icon">免费开店</li>
        <li></li>
        <li class="arrow-icon">卖家中心</li>
        <li></li>
        <li class="arrow-icon">帮助中心</li>
       </ul>
      </div>
     </div>
  </section>
  <!-- 顶部栏结束 -->


  <!-- 头部模块开始 -->
  <header class="header w">
    <!-- logo部分 -->
    <div class="logo">
      <h1>
        <a href="index.html" title="淘宝网taobao.com">淘宝网</a>
      </h1>
    </div>
    <!-- logo部分结束 -->
    <!-- 搜索框部分 -->
    <div class="search">
      <input type="search" name="" id="" placeholder="输入您心仪的商品">
      <button>搜索</button>
    </div>
    <!-- 搜索框部分结束 -->
    <!-- 热词模块 -->
    <div class="hotwords">
      <a href="#" class="deeppink">抢天天满减券</a>
      <a href="#">自由点</a>
      <a href="#">开春穿搭上衣</a>
      <a href="#">电器</a>
      <a href="#">洗脸巾</a>
      <a href="#">派克服</a>
    </div>
    <!-- 热词模块结束 -->
    <!-- 购物车模块 -->
    <div class="shopcar">
      我的购物车
      <i class="count">8</i>
    </div>
    <!-- 购物车模块结束 -->
  </header>
  <!-- 头部模块结束 -->


  <!-- 导航部分 其他平台 -->
  <nav class="nav">
    <div class="w">
        <div class="left_list">
          <ul>
            <li><a href="#">天猫</a></li>
            <li><a href="#">天猫超市</a></li>
            <li><a href="#">天猫国际</a></li>
          </ul>
        </div>
        <div class="right_list">
          <ul>
            <li><a href="#" class="selected">家电</a></li>
            <li><a href="#">家具</a></li>
            <li><a href="#">女装</a></li>
            <li><a href="#">女鞋</a></li>
            <li><a href="#">汽车</a></li>
            <li><a href="#">美妆</a></li>
            <li><a href="#">食品</a></li>
            <li><a href="#">更多分类</a></li>
          </ul>
        </div>
    </div>
  </nav>
  <!-- 导航部分结束 -->


  <!-- 列表页主体部分 -->
  <div class="container w">
    <div class="list_head">
      <img src="images/elec.jpg" alt="">
      <h3>家电</h3>
    </div>
    <div class="list_body">
      <ul class="clearfix">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
    </div>
  </div>
  <!-- 列表页主体部分结束 -->
   

  <!-- 底部模块 -->
  <footer class="footer">
    <div class="w">
      <div class="mod_service">
        <ul>
          <li class="service">
            <h5></h5>
            <div class="service_txt">
              <h4>正品保障</h4>
              <p>正品保障，提供发票</p>
            </div>
          </li>
          <li class="postal">
            <h5></h5>
            <div class="postal_txt">
              <h4>极速物流</h4>
              <p>极速发货，极速送达</p>
            </div>
          </li>
          <li class="quest">
            <h5></h5>
            <div class="quest_txt">
              <h4>无忧售后</h4>
              <p>7天无理由退换货</p>
            </div>
          </li>
          <li class="help">
            <h5></h5>
            <div class="help_txt">
              <h4>帮助中心</h4>
              <p>您的购物指南</p>
            </div>
          </li>
        </ul>
      </div>
      <div class="mod_help">
        <dl>
          <dt>服务指南</dt>
          <dd><a href="#">购物流程</a></dd>
          <dd><a href="#">88会员介绍</a></dd>
          <dd><a href="#">生活旅行/团购</a></dd>
          <dd><a href="#">常见问题</a></dd>
          <dd><a href="#">大型家电</a></dd>
          <dd><a href="#">联系客服</a></dd>
        </dl>
        <dl>
          <dt>配送方式</dt>
          <dd><a href="#">上门自提</a></dd>
          <dd><a href="#">半日达</a></dd>
          <dd><a href="#">配送服务查询</a></dd>
          <dd><a href="#">配送费标准</a></dd>
          <dd><a href="#">海外配送</a></dd>
          <dd><a href="#"></a></dd>
        </dl>
        <dl>
          <dt>支付方式</dt>
          <dd><a href="#">货到付款</a></dd>
          <dd><a href="#">在线支付</a></dd>
          <dd><a href="#">分期付款</a></dd>
          <dd><a href="#">邮局汇款</a></dd>
          <dd><a href="#">公司转账</a></dd>
          <dd><a href="#"></a></dd>
        </dl>
        <dl>
          <dt>售后服务</dt>
          <dd><a href="#">售后政策</a></dd>
          <dd><a href="#">价格保护</a></dd>
          <dd><a href="#">退款说明</a></dd>
          <dd><a href="#">返修/退换货</a></dd>
          <dd><a href="#">取消订单</a></dd>
          <dd><a href="#"></a></dd>
        </dl>
        <dl>
          <dt>特色服务</dt>
          <dd><a href="#">淘江湖</a></dd>
          <dd><a href="#">云养熊猫</a></dd>
          <dd><a href="#">延保服务</a></dd>
          <dd><a href="#">菜鸟裹裹</a></dd>
          <dd><a href="#">云游戏</a></dd>
          <dd><a href="#"></a></dd>
        </dl>
        <dl>
      </div>
      <div class="mod_copyright">
        <div class="links">
          关于淘宝 | 营销中心 | 廉政举报 | 开放平台 | 诚征英才
          | 隐私权政策 | 法律声明 | 知识产权 
        </div>
        <div class="copyright">
          © 2003-现在 Taobao.com 版权所有
        </div>
      </div>
    </div>
  </footer>
  <!-- 底部模块结束 -->
</body>
</html>